﻿
@{
    ViewBag.Title = "网站信息";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}


<div class="layui-row">
    <div class="layui-col-md1">
        <div style="width:100%;opacity: 0;">
            W
        </div>
    </div>
    <div class="layui-col-md10">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">友情链接管理</li>
                <li>网站设置</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show">

                    <div class="demoTable">
                        搜索标题：
                        <div class="layui-inline">
                            <input class="layui-input" placeholder="请输入标题" name="id" id="demoReload" autocomplete="off">
                        </div>
                        <button class="layui-btn" data-type="reload">搜索</button>
                        <button class="layui-btn" data-type="reload" onclick="Open_Add()">新增</button>
                    </div>
                    <table class="layui-hide" id="test" lay-filter="test1"></table>


                </div>
                <div class="layui-tab-item">

                    <table class="layui-hide" id="system" lay-filter="system"></table>

                </div>

            </div>
        </div>
    </div>
    <div class="layui-col-md1">
        <div style="width:100%;opacity: 0;">
            W
        </div>
    </div>
</div>

<script type="text/html" id="barDemo">
    @*<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>*@
    <a class="layui-btn layui-btn-xs" lay-event="edit">保存</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

    <!-- 这里同样支持 laytpl 语法，如： -->
    {{#  if(d.auth > 2){ }}
    <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
    {{#  } }}
</script>
<script type="text/html" id="barSystem">
    <a class="layui-btn layui-btn-xs" lay-event="edit">保存</a>


    <!-- 这里同样支持 laytpl 语法，如： -->
    {{#  if(d.auth > 2){ }}
    <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
    {{#  } }}
</script>

<script type="text/html" id="show_friend_link">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="show_friend_link" value="{{d.sy_show_comment}}" lay-skin="switch" lay-text="是|否" lay-filter="show_friend_link" {{ d.sy_show_comment == '是' ? 'checked' : '' }}>
</script>
<script type="text/html" id="show_comment">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="show_comment" value="{{d.sy_show_friend_link}}" lay-skin="switch" lay-text="是|否" lay-filter="show_comment" {{ d.sy_show_friend_link == '是' ? 'checked' : '' }}>
</script>

<script>

    //var $ = layui.jquery
    //    , upload = layui.upload
    //    , element = layui.element
    //    , table = layui.table
    //    , layer = layui.layer;


    var table = layui.table;
      var layer = layui.layer;

    var tableIns = table.render({
        elem: '#test'
        , url: '/Admin/Home/Friend_Link_List/'
        , limit: 10 //每页显示数
        , page: true //开启分页
        , cellMinWidth: 20 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        , cols: [[
            { field: 'fl_id', title: 'ID', sort: true }
            , { field: 'fl_title', title: '标题', edit: 'text' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
            , { field: 'fl_url', title: '链接', edit: 'text', sort: true }
            //, { field: 'fl_icon', title: '图标', sort: true }
            , { fixed: 'right', title: '操作', width: 150, align: 'center', toolbar: '#barDemo' } //这里的toolbar值是模板元素的选择器
        ]]
        , request: {
            pageName: 'pageIndex' //页码的参数名称，默认：page
            , limitName: 'pageSize' //每页数据量的参数名，默认：limit
        }    //如果无需自定义请求参数，可不加该参数
        , response: {

        } //如果无需自定义数据响应名称，可不加该参数
    });
    //监听工具条
    table.on('tool(test1)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象

        if (layEvent === 'detail') { //查看
            //do somehing
        } else if (layEvent === 'del') { //删除
            layer.confirm('确定删除吗？', function (index) {
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                layer.close(index);
                //向服务端发送删除指令
                Delete_Friend_Link(data.fl_id);
            });
        } else if (layEvent === 'edit') { //编辑
            //do something
            Update_Friend_Link(data.fl_title, data.fl_url, data.fl_id);
        }
    });

    //table.on('edit(test1)', function (obj) {
    //    var value = obj.value //得到修改后的值
    //        , data = obj.data //得到所在行所有键值
    //        , field = obj.field; //得到字段
    //    //layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为：' + value);

    //});

    var tablesystem = table.render({
        elem: '#system'
        , url: '/Admin/Home/Get_System_Data/'
        , limit: 10 //每页显示数
        , page: true //开启分页
        , cellMinWidth: 20 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        , cols: [[
            { field: 'sy_show_comment', title: '是否显示评论', templet: '#show_comment', unresize: true }
            , { field: 'sy_show_friend_link', title: '是否显示友情链接', templet: '#show_friend_link', unresize: true } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
            , { fixed: 'right', title: '操作', width: 150, align: 'center', toolbar: '#barSystem' } //这里的toolbar值是模板元素的选择器
        ]]
        , request: {
            pageName: 'pageIndex' //页码的参数名称，默认：page
            , limitName: 'pageSize' //每页数据量的参数名，默认：limit
        }    //如果无需自定义请求参数，可不加该参数
        , response: {

        } //如果无需自定义数据响应名称，可不加该参数
    });
    //监听工具条
    table.on('tool(system)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象

        if (layEvent === 'detail') { //查看
            //do somehing
        } else if (layEvent === 'del') { //删除
            layer.confirm('确定删除吗？', function (index) {
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                layer.close(index);
                //向服务端发送删除指令
                Delete_Friend_Link(data.fl_id);
            });
        } else if (layEvent === 'edit') { //编辑
            //do something
            Update_System_Data(tr[0].childNodes[0].innerText.trim(), tr[0].childNodes[1].innerText.trim());
        }
    });
    function Update_System_Data(sy_show_comment, sy_show_friend_link) {
        $.post_str("/Admin/Home/Update_System_Data", { sy_show_comment: sy_show_comment, sy_show_friend_link: sy_show_friend_link }, function (data) {
            if (data === "1") {
                layer.alert("保存成功");
            } else {
                layer.alert(data);
            }

        });
    }

    function Update_Friend_Link(title, url, id) {
        $.post_str("/Admin/Home/Update_Friend_Link", { title: title, url: url, id: id }, function (data) {
            if (data === "1") {
                layer.alert("修改成功");
            } else {
                layer.alert(data);
            }

        });
    }

    function Delete_Friend_Link(id) {
        $.post_str("/Admin/Home/Delete_Friend_Link", { id: id }, function (data) {
            if (data === "1") {
                layer.alert("删除成功");
            } else {
                layer.alter(data);
            }

        });
    }


    ////普通图片上传
    //var uploadInst = upload.render({
    //    elem: '#test1'
    //    , url: '/upload/'
    //    , before: function (obj) {
    //        //预读本地文件示例，不支持ie8
    //        obj.preview(function (index, file, result) {
    //            $('#demo1').attr('src', result); //图片链接（base64）
    //        });
    //    }
    //    , done: function (res) {
    //        //如果上传失败
    //        if (res.code > 0) {
    //            return layer.msg('上传失败');
    //        }
    //        //上传成功
    //    }
    //    , error: function () {
    //        //演示失败状态，并实现重传
    //        //var demoText = $('#demoText');
    //        //demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
    //        //demoText.find('.demo-reload').on('click', function () {
    //        //    uploadInst.upload();
    //        //});
    //    }
    //});


    function Open_Add() {
        //prompt层
        layer.prompt({ title: '新增友情链接', formType: 0 }, function (fl_title, index) {
            var fl_url = $("#fl_url").val();
            if (fl_title == "") {
                layer.alert("请输入标题");
                return;
            }
            if (fl_url == "") {
                layer.alert("请输入URL");
                return;
            }
            add_Link(fl_title, fl_url);
        });
        $(".layui-layer-content").append("<br /><input placeholder='请输入URL' type='text' name='fl_url' class='layui-layer-input' id='fl_url'/>");
        $("#fl_url").prev().prev().attr('placeholder', '请输入标题');
    }

    function add_Link(fl_title, fl_url) {
        $.post_str("/Admin/Home/Add_Friend_Link", { fl_title: fl_title, fl_url: fl_url }, function (data) {
            if (data === "1") {
                layer.alert("新增成功", function () { layer.closeAll(); });
                tableIns.reload({
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                });
            } else
                layer.alert(data);
        });
    }




</script>